<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="js/jquery.min.js"></script>
    <script src="js/amazeui.js"></script>

    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/amazeui.css">
    <title>乡村旅游</title>
</head>
<body>
    <!-- 头部 -->
    <div id="header">
        <span>乡村旅游</span>
    </div>
    <!-- 孟经旅游 -->
    <div id="trip_list" style="width: 100%;overflow: hidden;">
        <div class="am-tabs" data-am-tabs>
            <div class="item_name">
                <img src="images/index_icon05.png" />
                <span>乡村旅游</span>
            </div>
            <!-- 选项卡点击区域 -->
            <ul class="am-tabs-nav am-nav am-nav-tabs am-avg-sm-2">
                <li class="am-active">
                    <a href="#">旅游活动</a>
                </li>
                <li>
                    <a href="#">旅游景区</a>
                </li>
            </ul>
            <!-- 内容区域 -->
            <div class="am-tabs-bd">
                <div class="am-tab-panel am-active">
                    <ul>
                        <li class="view">
                            <div class="pic">
                                <img src="images/trip_list3.jpg" />
                                <div class="cont">
                                    <a href="#">查看详情</a>
                                    <div class="num">
                                        <p><span>20/30</span>人报名</p>
                                        <p>出发时间<span>2022/5/20</span></p>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div> 
                            <div class="con">
                                <span>雨林谷</span>
                                <p>展现原生态的热带雨林景观为核心，汇集参天巨榕、百年古藤及雨林六大奇观等景观</p>
                            </div>                               
                        </li>
                        <li class="view">
                            <div class="pic">
                                <img src="images/trip_list4.jpg" />
                                <div class="cont">
                                    <a href="#">查看详情</a>
                                    <div class="num">
                                        <p><span>20/30</span>人报名</p>
                                        <p>出发时间<span>2022/5/20</span></p>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div> 
                            <div class="con">
                                <span>梦幻谷</span>
                                <p>热带雨林中沟谷瀑布的经典代表，绿野溪涧、流泉叠瀑、如诗似梦，浓缩了山泉雨林之精粹</p>
                            </div>                               
                        </li>
                    </ul>
                    <div id="none">没有更多了</div>
                </div>
                <div class="am-tab-panel" id="tab2">
                    <ul>
                        <li class="view">
                            <div class="pic">
                                <img src="images/trip_list_01.jpg" />
                                <div class="cont">
                                    <a href="#">查看购票</a>
                                    <div class="num">
                                        <p><span>20/30</span>人报名</p>
                                        <p>出发时间<span>2022/5/20</span></p>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div> 
                            <div class="con">
                                <span>黄河小浪底</span>
                                <p>卫坡古民居翠湾果岭观唐生态园炎帝本草园洛阳粤钰青...</p>
                            </div>                               
                        </li>
                        <li class="view">
                            <div class="pic">
                                <img src="images/trip_list_01.jpg" />
                                <div class="cont">
                                    <a href="#">查看购票</a>
                                    <div class="num">
                                        <p><span>20/30</span>人报名</p>
                                        <p>出发时间<span>2022/5/20</span></p>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div> 
                            <div class="con">
                                <span>黄河小浪底</span>
                                <p>卫坡古民居翠湾果岭观唐生态园炎帝本草园洛阳粤钰青...</p>
                            </div>                               
                        </li>
                        <li class="view">
                            <div class="pic">
                                <img src="images/trip_list_01.jpg" />
                                <div class="cont">
                                    <a href="#">查看购票</a>
                                    <div class="num">
                                        <p><span>20/30</span>人报名</p>
                                        <p>出发时间<span>2022/5/20</span></p>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div> 
                            <div class="con">
                                <span>黄河小浪底</span>
                                <p>卫坡古民居翠湾果岭观唐生态园炎帝本草园洛阳粤钰青...</p>
                            </div>                               
                        </li>
                        <li class="view">
                            <div class="pic">
                                <img src="images/trip_list_01.jpg" />
                                <div class="cont">
                                    <a href="#">查看购票</a>
                                    <div class="num">
                                        <p><span>20/30</span>人报名</p>
                                        <p>出发时间<span>2022/5/20</span></p>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div> 
                            <div class="con">
                                <span>黄河小浪底</span>
                                <p>卫坡古民居翠湾果岭观唐生态园炎帝本草园洛阳粤钰青...</p>
                            </div>                               
                        </li>
                    </ul>
                    <div id="none">没有更多了</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部footer -->
    <div id="footer">
        <div class="first">
            <ul class="am-avg-sm-2">
                <li>
                    <a href="index.html">
                        <img src="images/icon-footer01-a.png" />
                        <p>首页</p>
                    </a>
                </li>
                <li>
                    <a href="shop.html">
                        <img src="images/icon-footer4-a.png" />
                        <p>农贸商城</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="beautiful">
            <a href="beautiful_list.html">
                <img src="images/icon-footer3-a.png" />
            </a>
        </div>
        <div class="last">
            <ul class="am-avg-sm-2">
                <li class="active">
                    <a href="trip_list.html">
                        <img src="images/icon-footer2-a.png" />
                        <p>乡村旅游</p>
                    </a>
                </li>
                <li>
                    <a href="user.html">
                        <img src="images/icon-footer5-a.png" />
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>